<!DOCTYPE html>
<html>
<head>
	<meta name ="author" content="Liu Shijie">
	<meta name ="ID" content="2014302480130">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
    <meta name="author" content="Liu Shijie">
    <meta name="finish_time" content="2016.12.14">
    <link rel="stylesheet" href="../css/diary_model.css">
    <link rel="stylesheet" href="../css/navigator.css">
    <title>途记</title>
</head>
<body>
<div id="body_container">
<!--全局导航栏-->
	<div class="up_nav">
		<div class="nav_content">
			<div class="nav_left">
				<!-- logo -->
				<a href="../index.html"><img src="../image/logo1.png" alt=""></a>
				<!-- 四个主题 -->
				<div class="topic">
					<ul class="cross_topic">
					   <li><a href="../index.html">精选</a></li>
					   <li><a href="pic_model.html">光影</a></li>
					   <li><a href="diary_model.html">途记</a></li>
					   <li><a href="way_model.html">路线</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_right">
				<!-- 搜索框 -->
				<div class="search">
					<form action="#" method="post">
						<input type="text" autocomplete="off" placeholder="搜索景点、路线"/>
						<input type="submit" value="">
					</form>
				</div>
				<!-- 登陆和注册 -->
				<div class="log_reg">
					<li>
						<a targrt="_blank" href="login.html" class="login">登录</a>
						<span>|</span>
						<a targrt="_blank" href="register.html" class="register">注册</a>
					</li>
				</div>
			</div>
		</div>
	</div>
	<!-- 导航栏end -->
    <div class="swiper-container">
	<!-- 标题栏 -->
		<div class="title-container">
			<span class="line"></span>
			<span class="site">途记</span>
			<span class="title">· 留下旅途中的记忆</span>
			<span class="line"></span>
	    </div>
	<!-- 日志列表 -->
	    <div class="diary_container">
      <!--第一篇文章-->
			<div class="page-slide page1">
				<div class="pan">
					<div class="article">
						<div class="article-title">水绕山环古驿楼 —— 平遥古城</div>
						<div class="line"></div>
						<div class="content">历经岁月沧桑而风韵犹存；<br>一座遗留在现代文明中的古城；<br>独特的风貌,不息的生命力，<br>承载着社会历史的辉煌文明，<br>它从远古走来，走进世人的心里。
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年12月29日 平遥</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_pinyao.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
       <!--第二篇文章-->
			<div class="page-slide page2">
				<div class="pan">
					<div class="article">
						<div class="article-title">为了一种情怀，游走在西北</div>
						<div class="line"></div>
						<div class="content">暑假去西北走了一圈，<br>旅行回来就写点店东西，<br>只是梳理下自己走过的心路历程，<br>算不得游记和攻略，<br>无论走到哪里，心路总要记一记。<br>
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年8月20日 北京</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_xibei.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
          <!--第三篇文章-->
			<div class="page-slide page3">
				<div class="pan">
					<div class="article">
						<div class="article-title">灵秀东湖，大美武汉</div>
						<div class="line"></div>
						<div class="content">装点了东湖项链的色彩<br>我们也是别人眼中<br>一道旖旎的景致，一片新叶<br>2017新年之初<br>元者始也，旦者晨也
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年12月31日 武汉</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_wuhan.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
			<!--第四篇文章-->
			<div class="page-slide page4">
				<div class="pan">
					<div class="article">
						<div class="article-title">乌镇，来过就不曾离开</div>
						<div class="line"></div>
						<div class="content">江南就像一个梦，<br>轻轻的与每一个人在心中缠绵。<br>像一种情愫，一声呼唤，一个前世宿愿，<br>似乎注定让我们在有生之年，<br>来赴一场梦之约，还一次前世债。
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年12月23日 乌镇</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_wuzhen.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
   			<!--第五篇文章-->
			<div class="page-slide page5">
				<div class="pan">
					<div class="article">
						<div class="article-title">一个忘记时光流逝的地方</div>
						<div class="line"></div>
						<div class="content">在轻轻的浪拥声中，踏入菽庄，<br>沿着宛入龙蛇的四十四桥，拾级而上，<br>转瞬间仿佛就从现实置换到了精神世界。<br>　这是一个充满复古与浪漫的地方，<br>在每日那不断闪亮的镁光灯下被载入永恒。
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年9月10日 鼓浪屿</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_gulangyu.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
   			<!--第6篇文章-->
			<div class="page-slide page6">
				<div class="pan">
					<div class="article">
						<div class="article-title">映像洱海</div>
						<div class="line"></div>
						<div class="content">凌晨时分的洱海，<br>失去星月隐匿灯火，<br>被风轻轻吹皱的海面上，<br>同时漾起静静的荒凉，<br>让疲倦的心靠近，再靠近…..
						</div>
					</div>
				<div class="time_place">
					<span class="name">2016年11月29日 武汉</span>
				</div>
				<a class="mask" targrt="_blank" href="diary_erhai.html">
					<button class="btn">阅读全文 &gt;</button>
				</a>
				</div>
			</div>
			<!--第6篇文章结束-->
    	</div>
   </div>
   <!-- 版权页 -->
	<div id="copyright">
	    <p>WalkerEye | 行者之眼，遍及全球。</p>
		<p>Copyright © 2016-2017&nbsp; <a targrt="_blank" href="http://www.mtuchn.cn" target="_blank">Liu Shijie. </a>&nbsp;All Rights Reserved.</p>
	</div>
	</div>
</body>
</html>